<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="m" uri="http://taglibs.mobylet.org/" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<m:charset/>" />
<title>なかまちず</title>
<c:import url="/jsp/pc/keyword.jsp"/>
<link rel="stylesheet" type="text/css" href="/css/global.css" />
<style type="text/css">
  html { overflow: auto; }
  html, body, td, th { font-family: Arial, sans-serif; margin: 0px; padding: 0px; height: 100%; font-size: 10pt; color: #333333; }
  .text { font-family: Arial, sans-serif; margin: 0px; padding: 0px 10px; height: 100%; font-size: 10pt; color: #333333; }
  #map { position: absolute; top: 30px; left: 10px; width: 600px; height: 450px;}
  #map img { cursor: crosshair; }
  img { border: 0px; }
  form { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  input, textarea { margin: 3px 0 0 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  #side_bar { position: absolute; top: 6px; left: 620px; border: 1px solid #666; padding: 5px; line-height: 1.8; overflow:auto; background: url(/icon/white70per.png); width: 150px; height: 462px; }
  #header { background-color: #ffffff; position:absolute; top: 6px; left: 10px; z-index: 99; width: 592px; padding: 2px 4px; overflow: hidden; }
  div.errors { color: red; font-weight: bold; position: absolute; top: 35px; left: 15px; border: 1px solid #666; padding: 0px 5px; overflow:auto; background: url(/icon/white70per.png); width: 300px; height: 60px; }
  #body { background-color: #ffffff; font-size: 10pt; border: 1px solid #666; width: 763px; padding: 2px 4px; margin: 10px; }
  #help { background-color: #ffffff; font-size: 10pt; width: 759px; padding: 2px 4px; border: 3px solid #99b3cc; margin: 10px; }
  #copy { font-size: 8pt; position: absolute; top: 490px; left: 650px; }
  #footer { font-size: 8pt; position: absolute; top: 950px; left: 10px; }
  #adsense { font-size: 10pt; position: absolute; top: 10px; left: 790px; }
</style>

</head>
<body>

<div id="body">
<table>
 <tr>
  <td colspan="3">
  <h2>地図の設定変更が完了しました。</h2>
  <p class="indent">
  <a href="/view">地図編集画面へ戻る</a>
  </p>
  </td>
 </tr>
 <tr><td colspan="2">&nbsp;</td></tr>
 <tr>
  <td width="250px">
  <h2>地図タイトル</h2>
  <p class="indent">
  <c:if test="${empty title}">
    <span style="font-style: italic;">地図タイトルは設定されていません。</span>
  </c:if>
  <c:if test="${!empty title}">
	${f:h(title)}
  </c:if>
  </p>
  </td>
  <td width="250px">
  <h2>有効期限</h2>
  <p class="indent">
  <fmt:formatDate value="${expireDate}" pattern="yyyy/MM/dd HH:mm:ss"/>
  </p>
  </td>
  <td>
  <h2>閲覧パスワード</h2>
  <p class="indent">
  <c:if test="${empty viewPassword}">
    <span style="font-style: italic;">パスワードは設定されていません。</span>
  </c:if>
  <c:if test="${!empty viewPassword}">
	${f:h(viewPassword)}
  </c:if>
  </p>
  </td>
 </tr>
 <tr>
  <td>
  <h2>ライン表示形式</h2>
  <p class="indent"><c:if test="${line == 1}">直線</c:if><c:if test="${line == 2}">ルート(車)</c:if><c:if test="${line == 3}">ルート(徒歩)</c:if></p>
  </td>
  <td>
  <h2>メール送信元設定</h2>
  <p class="indent"><c:if test="${from == 1}">${userMailAddress}</c:if><c:if test="${from == 2}">${welcomeMailAddress}</c:if></p>
  </td>
  <td>&nbsp;</td>
 </tr>
 <tr>
 <td colspan="2">&nbsp;</td>
 </tr>
</table>
</div>
<div id="help"><!-- start help -->
<table>
 <tr>
  <td width="375px"><h1>有効期限について</h1></td>
  <td width="375px"><h1>閲覧パスワードについて</h1></td>
 </tr>
 <tr>
  <td valign="top">
  <p class="indent">
  地図には有効期限を設けることができます。この有効期限を過ぎると地図は自動的に削除されます。
  有効期限は、変更するボタンを押してから１日後～１０日後の範囲で設定できます。
  分秒については、変更するボタンを押した時間の59分59秒に設定されます。
  </p>
  </td>
  <td valign="top">
  <p class="indent">
  閲覧パスワードを設定するとアクセスURLから地図を開いたときにパスワードの入力が必要になります。
  何度でもパスワードの変更は可能ですが、変更前のパスワードでアクセスしていた人は再度パスワードの入力を求められます。
  閲覧パスワードを空にして変更するボタンを押した場合はパスワードが解除されます。
  </p>
  </td>
 </tr>
 <tr>
  <td width="375px"><h1>ライン表示形式について</h1></td>
  <td width="375px"><h1>メール送信元設定について</h1></td>
 </tr>
 <tr>
  <td valign="top">
  <p class="indent">
  ラインの表示形式は、直線とルート(車)とルート(徒歩)の3つから選択できます。この設定を変えるとパソコンで見た場合に、携帯電話から引くことができるラインの表示の仕方が変わります。
  </p>
  </td>
  <td valign="top">
  <p class="indent">
  メール送信元は、友達へメールを送信する機能で送信元(From)になるメールアドレスの設定です。初期設定ではGoogleアカウントのメールアドレスですが、システムで用意したメールアドレスへの変更が可能です。
  携帯電話の迷惑メール対策にかからないように、ここで設定したメールアドレスを受信できるように設定してください。
  </p>
  </td>
 </tr>

</table>
</div><!-- end help -->

<div id="adsense">
<c:import url="/jsp/pc/adsense.jsp"/>
</div>

<c:import url="/jsp/pc/analytics.jsp"/>
</body>
</html>